<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <title>Gnome market</title>
    </h:head>
    <h:body>
        <h1>Welcome to the gnome Market</h1>

        <div>
            <c:choose>
                <c:when test= '#{userManager.connected == true}'>
                    <h:outputLabel for="name"   value="You are logged, your name is #{userManager.name} grade : #{userManager.client.grade} 
                                   And banned at #{userManager.client.ban} And second name #{userManager.client.name}"/>
                    <h:form>
                        <h:commandButton value="Log out" action="#{userManager.logOut}"/>
                    </h:form>
                </c:when>
                <c:otherwise>
                    <h2> Login: </h2>
                    <p>
                        <h:form>
                            <h:commandButton value="New Account" action="createAccount"/>
                        </h:form>
                        <h:form>
                            <br />
                            <h:outputLabel for="name"   value="Name: "/>
                            <h:inputText id="name" value="#{userManager.name}">
                                <f:validateRequired/>
                            </h:inputText>
                            <h:message for="name"/>
                            <br />

                            <h:outputLabel for="password"   value="Password: "/>
                            <h:inputSecret id="password" value ="#{userManager.password}">
                                <f:validateRequired/>
                            </h:inputSecret>
                            <h:message for="password"/>
                            <br />

                            <h:commandButton value="Logging" action="#{userManager.logging}"/>
                        </h:form>
                        <br/>
                    </p>
                </c:otherwise>
            </c:choose>
        </div>
        <div>
            <c:choose>
                <c:when test= "#{userManager.connected == true}">
                    <br />
                    <br />
                    <c:forEach var="gnome" items="#{marketManager.listOfAllGnome}">
                        <h:form style="border-style: groove ; margin-bottom: 10px ; width: 50%">
                            <h:outputLabel value="Gnome type : #{gnome.gnomeType}"/>
                            <br />
                            <br />
                            <h:outputLabel value="Number of available gnomes: "/>
                            <h:outputText value="#{gnome.numberOfGnomeAvailable}"/>
                            <br />
                            <h:outputLabel value="Price: "/>
                            <h:outputText value="#{gnome.gnomePrice}"/>
                            <br />
                            <h:outputLabel value="How many gnomes du you want to add? "/>
                            <h:inputText value="#{marketManager.numberOfWantedGnome}">
                                <f:validateDoubleRange minimum="0"/>
                            </h:inputText>
                            <h:message for="#{gnome.gnomeType}"/>
                            <br />
                            <h:commandButton value="Add to your basket" action="#{marketManager.putWantedGnomeInTheBasket(gnome.gnomeType)}"/>
                            <br />
                            <br />
                        </h:form>

                    </c:forEach>
                    <br />

                    <br />  
                    <br />
                    <h:link outcome="/basket.xhtml" value="See your basket">
                        <f:param name="cid" value="#{userManager.conversation.id}"/>

                    </h:link>
                </c:when>
            </c:choose>
        </div>

        <div>
            <c:choose>
                <c:when test="#{userManager.client.grade == 1 || userManager.client.grade == 0}">
                    <h:link outcome="/privilegedUser.xhtml" value="Manage Store">
                        <f:param name="cid" value="#{userManager.conversation.id}"/>
                    </h:link>
                    <br />
                    <h:link outcome="/userRight.xhtml" value="Manage User">
                        <f:param name="cid" value="#{userManager.conversation.id}"/>
                    </h:link>
                </c:when>
            </c:choose>
        </div>

    </h:body>
</html>

